
div.Paso {
    border: 1px solid #FF7600;
    margin: 20px auto;
    position: relative;
    width: 300px;
    background-color: #FFF;
    opacity: 0.85;
}

div.FichaForm {
    margin: 0 20px 20px;
}

div.Paso h2 {
    margin: 0 0 20px;
    text-align: center;
    padding: 5px 0;
    color: #FFF;
    background-color: #00008B;
}

div.Paso table {
    margin: 0 auto;
}

div.Paso a {
    text-align: right;
}

/* CSS para ficha editable */
#ficha {
    background-image: url(/site_media/static/img/ficha1.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 1329px;
    position: relative;
}

#ficha > * {
    position: absolute;
}

#ficha input[type="text"]{
    border: medium none;
    font-size: 13px;
    padding: 0;
    width: 60px;
}

#ficha input[type="submit"]{
    top: 0;
    right: 0;
}

/* BLOQUE 1 - CARACTERIZACIÓN */
#caracterizacion {
    top: 61px;
    left: 44px;
    width: 423px;
    height: 140px;
}

#caracterizacion > * {
    position: absolute;
}

#nombre {
    top: 10px;
    left: 70px;
}

#categoria {
    top: 35px;
    left: 92px;
}

#id_pelo {
    top: 35px;
    left: 288px;
}

#id_ojos {
    top: 35px;
    left: 360px;
    width: 60px;
}

#id_sexo {
    top: 78px;
    left: 50px;
}

#id_edad {
    top: 59px;
    left: 148px;
}

#raza {
    top: 108px;
    left: 50px;
}

/* BLOQUE 2 - Características Principales */
#caracteristicasprincipales {
    left: 50px;
    padding-left: 60px;
    padding-top: 30px;
    top: 248px;
}

#caracteristicasprincipales > div {
    margin-bottom: 15px;
}

#caracteristicasprincipales > div span.no_actual {
    display: inline-block;
    margin-left: 14px;
    width: 40px;
}

#caracteristicasprincipales input[type="text"] {
    width: 32px;
    margin-right: 20px;
    text-align: right;
}

#caracteristicasprincipales .bono {
    margin-left: 18px;
    text-align: right;
    float: right;
}

#caracteristicasprincipales input[type="submit"] {
    top: 0;
    left: 0;
    position: absolute;
}